import React, { Component, Fragment } from 'react';

class LineTitle extends Component {
  render() {
    return (
      <Fragment>
        <div style={{ display: 'flex', alignItems: 'center' }}>
          <div style={{ width: '5px', height: '24px', background: '#409EFF' }}></div>
          <h2 style={{ fontWeight: 'bold', margin: '0 10px',lineHeight:'32px' }}>{this.props.title ? this.props.title : '标题'}</h2>
        </div>
        <div style={{margin:'10px 20px'}}>
          {this.props.children}
        </div>
      </Fragment>
    );
  }
}

export default LineTitle;